@charset "utf-8";
/*
河北顺茂网络科技有限公司
服务热线：400-806-2015
http://www.hbsmwlkj.com/
*/


@charset "utf-8";

/* [7LIB.ORG] */
html,body,div,iframe,span,
dl,dt,dd,ul,ol,li,
form,input,textarea,pre,p,blockquote,
th,td						{ margin:0; padding:0; font-size:100%;}
a							{ text-decoration:none;}
li							{ list-style:none;}
.clear						{ clear:both; height:0px; line-height:0;}
h1,h2,h3					{ font-weight:normal; padding:0px; margin:0px; }
img							{ border:0; }
a							{ color:#666; }
a:hover 					{ text-decoration:none; }



/* [7LIB.ORG] */
body,html 					{ font-family:"微软雅黑","黑体"; font-size:14px; color:#666; background:#fff; }
.fl{float:left;}
.fr{float:right;}
.pl0{padding-left:0px !important;}
.pr0{padding-right:0px !important;}
.ml0{margin-left:0px !important;}
.mr0{margin-right:0px !important;}
.nobg{background:none !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.noborder{border:0px !important;}
.bl0{border-left:0px !important;}
.br0{border-right:0px !important;}
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.box{width:1100px; margin:0 auto;}


.bbqh{ position:absolute; right:0; background:#4db7fa; padding:5px; border-radius:0 0 5px 5px; font-size:12px;}
.bbqh{ color:#fff; }
.bbqh img{ vertical-align:middle; margin-right:5px; }

.iabd pre{ font-size:14px; font-family:"微软雅黑","黑体"; line-height:24px; color:#666;white-space: pre-wrap;
word-wrap: break-word;}

.vvb1{ width:140px; border:1px solid #efefef; position:absolute; left:-120px; top:50px; }
.vvb1 a{ display:block; line-height:30px; border-bottom:1px solid #efefef; text-align:left; font-size:12px; }
.vvb1 a.v1{ padding-left:20px; }
.vvb1 a.v2{ padding-left:30px; }
.vvb1 a.v3{ padding-left:40px; }
.vvb1 a.v4{ padding-left:50px; }
.vvb1 a:hover,
.vvb1 a.curs{ background:#0089e1; color:#fff; }
.vvb1 span{ font-weight:bold; color:#0089e1; line-height:30px; display:block;border-bottom:1px solid #efefef; }
.module-heading{ position:relative; }


.vvb2{ background:#fff;}
.vvb2 a{ display:block; line-height:30px; text-align:left; font-size:12px; }
.vvb2 a.v1{ padding-left:60px;border-bottom:1px solid #dcdcdc; background:url(../rf/arrow2.gif) no-repeat 25px center;  }
.vvb2 a.v1:hover{ color:#0089e1; }
.vvb2 div.v2{border-bottom:1px solid #dcdcdc; padding-left:60px;}
.vvb2 div.v2 a{ display:inline-block;}
.vvb2 div.v2 a:hover{color:#0089e1;}

.w-header{height:120px; background:#fff url(../rf/bgtt.jpg) no-repeat center;}
.w-header .box{ position:relative; }
.w-logo{ }
.w-logo  img{display:block; width:220px; height:82px;top:18px; left:0; position:absolute; }
.wfont{ height:60px; padding-top:20px; padding-left:18px;top:18px; left:230px; position:absolute;  }
.wfont .ftt1{ display:block;font-size:16px; color:#666666;}
.wfont .ftt2{ display:block;font-size:16px; color:#666666; }

.wphone{ text-align:left;position:absolute; right:0px; top:20px; height:82px;width:180px; padding-left:80px; background:url(../rf/tel.png) no-repeat left center; }
.wphone .ftt1{ font-size:12px; color:#666; padding-top:20px; display:block; }
.wphone .ftt2{ display:inline-block; background:url(../rf/ftel.png) no-repeat left center; width:164px; height:31px; margin-top:3px;}

.ccline{ height:1px; background:#efefef; width:350px; position:absolute; top:60px; left:480px; }


/****导航****/
.wnav{background:#2454a4; font-size:14px; height:48px; color:#666; line-height:48px; background:url(../rf/nbg.png) repeat-x center; }
.nav{ width:1100px; }
.nav li{float:left; width:180px; width:220px; text-align:center;  height:48px; display:block;background:url(../rf/nline.png) no-repeat right center;}
.nav li a{color:#fff; display:block; text-align:center;}
.nav li span{ }
.nav li:hover,
.nav li.cur{background:#b3e07e; }
.nav li:hover a{ color:#fff; }

.tjp{ background:#f2f2f2; padding-bottom:20px; padding-top:10px; margin-top:20px;}

.tjxx9{ position:relative; }
.tjxx9 li{ width:260px; margin:0 12px;line-height:30px; text-align:center; }
.tjxx9 img{ width:260px; height:200px; display:block; }

.tjt2{ background:#0089e1; color:#fff; display:inline-block; padding:0 20px; line-height:35px; height:35px; text-align:left; font-size:18px; margin-left:12px; margin-top:10px; margin-bottom:10px;}

.tjxx9 .next, .tjxx9 .prev { background-position:center; background-repeat:no-repeat; width:40px; line-height:40px; height:40px; position:absolute;top:-80px; right:12px; background:#0089e1; display:block; line-height:40px; text-align:40px; background-size:40px; top:-50px;  display:block;}
.tjxx9 .next { background-image:url(../rf/rr.png);}
.tjxx9 .prev { right:53px;background-image:url(../rf/ll.png);}


.tj99 .bd{ padding:10px 0;   }
.tj99 .bd ul{ overflow:hidden; zoom:1; }
.tj99 .bd ul li{ text-align:center; zoom:1; }
.tj99 .bd ul li{ text-align:center; }
.tj99 .bd ul li img{ width:220px; height:200px; display:block;  padding:2px; border:1px solid #ccc; }
.tj99 .bd ul li span{ display:block;  line-height:24px; font-size:12px;}

.indexclass { padding-top:30px; }
.indexclass .icxp{ width:275px; float:left; padding-bottom:20px; }
.indexclass .icxp img{ width:150px; height:150px; border-radius:50%; border:5px solid #eee; margin:0 auto; display:block; }
.indexclass .icxp span{ display:block; font-size:16px; line-height:40px; height:40px; overflow:hidden; text-align:center; }
.indexclass .icxp p{ display:block; padding:0 50px; line-height:20px; text-align:center; font-size:12px; height:40px; overflow:hidden; }

.wprlist li{ display:block; height:30px; line-height:30px; text-align:center; font-size:14px; padding:0 10px; display:inline-block; }
.wprlist li.cur a{ font-weight:bold; color:#0089e1; }

.yyin{ padding-bottom:50px; }
.inull{ border:1px solid #efefef; padding:40px; text-align:center; line-height:40px; margin:0 50px; }


/******幻灯片*******/
.ym-banner{height:600px; text-align:center;background:url(../ym/banner.jpg) no-repeat center; z-index:0;}
.ym-banner { height: 600px; overflow: hidden; position: relative; width: 100%;}
.ym-banner .bd {margin: 0 auto;overflow: hidden; position: relative; z-index: 0;}
.ym-banner .bd ul {width: 100% !important;}
.ym-banner .bd li {height: 600px;overflow: hidden;text-align: center;width: 100% !important;}
.ym-banner .bd li a { display: block; height: 600px; background-position:center; width:100%;}
.ym-banner .hd { bottom: 0; height: 30px;left: 0;line-height: 30px;position: absolute;width: 100%; z-index: 1;}
.ym-banner .hd ul { text-align: center; text-align:center;}
.ym-banner .hd ul li { float:none; background: #fff none repeat scroll 0 0;cursor: pointer; border-radius:50%;display: inline-block;height: 15px;line-height: 999px; margin: 2px; opacity: 0.6; overflow: hidden;width: 15px;}
.ym-banner .hd ul .on {background: #0089e1 ;}
.ym-banner .next,
.ym-banner .prev {background: #000 url(../rf/bl.png) no-repeat scroll -126px -137px; cursor: pointer;display: none;height: 60px;left: 15%;margin-top: -30px;opacity: 0.5; position: absolute;top: 50%;width: 40px;z-index: 1;}
.ym-banner .next { background-position: -6px -137px;left: auto;right: 15%;}


/******行业动态******/
.newsbox{ padding-top:40px;}
.news{width:692px;}
.newshead{line-height:45px; font-size:16px; height:45px; border-bottom: 1px solid #e3e3e3;}
.newshead .comnews{background:#0089e1 url(../rf/newsicon.png) no-repeat 20px center; color:#fff; padding-left:56px; width:84px; height:45px; font-weight:bold;}
.newshead .enc{color:#0089e1; padding-left:30px; font-weight:bold;}
.newshead .promore{font-size:14px; color:#0089e1; padding-right:35px; font-family:"Arial";}

.newsb{padding:25px 0 30px 0;}
.newsimg{width:254px; height:218px;}
.newsimg img{ width:320px; height:200px; }

.newsinfo{width:322px;}

.newsinfo h2{font-size:16px; font-weight:bold; line-height:28px; padding-bottom:10px; line-height:36px;}
.newsinfo h2 a{color:#222;}
.newsinfo p{font-size:14px; line-height:26px; color:#666; height:104px; overflow:hidden;}
.newsinfo .newsmore{display:block; width:125px; height:30px; background:#0089e1; color:#fff; border-radius:5px; line-height:30px; text-align:center; margin-top:5px;}

.newslist{padding-top:14px; padding-right:30px;}
.newslist li{line-height:38px; background:url(../rf/nlisticon.jpg) no-repeat left center; border-bottom:1px dashed #e3e3e3; padding-left:16px;}

.newslist li span{font-size:14px; float:right; color:#999;}

.faq{width:316px;  padding:0 24px 19px;  overflow:hidden;}
.faqhead{ border-bottom:1px solid #e3e3e3; height:45px; line-height:45px; background:url(../rf/qheadicon.jpg) no-repeat left center; position:relative;}
.faqhead .faqch{color:#0089e1; padding-left:45px; font-size:16px; font-weight:bold; background:url(../rf/faqline.jpg) no-repeat left bottom; position:absolute; left:0px; bottom:-2px;}
.faqhead .promore{display:block; text-align:center; color:#999; border:1px solid #e3e3e3; border-radius:5px; width:54px; height:20px; line-height:20px; font-size:14px; font-family:"Arial"; margin-top:17px;}
.faq .faqimg{display:block; width:316px; height:121px; padding-top:26px;}
.faqlist{padding-top:10px; height:265px; overflow:hidden;}
.faqlist li{border-bottom:1px dashed #dfdfdf; line-height:28px; padding:15px 0;}
.faqlist li p{padding-left:40px; color:#585858;}
.faqlist .fa{background:url(../rf/qicon.jpg) no-repeat left center; line-height:30px; font-size:14px; font-weight:bold;}
.faqlist .fa a{color:#222;}
.faqlist .fq {background:url(../rf/aicon.jpg) no-repeat left 2px; line-height:24px; color:#666;}


/******友情链接******/
.links{margin-top:20px; padding-bottom:36px;}
.links .linkhead{ height:38px; margin:0 auto; background:url(../rf/rheadbg.jpg) repeat-x center bottom;}
.linkname{display:block;}
.linkmore{font-size:12px; color:#494949;}

.links .linkinfo{line-height:30px; padding-top:10px;}
.links .linkinfo a{padding:0 40px 0 20px; font-size:14px; color:#333; background:url(../rf/linkicon.png) no-repeat left center;}


/************footer************/
.footer{background:#000 url(../rf/bg1.jpg); height:222px; font-size:14px; line-height:30px; color:#fff;}
.footer .fhead{font-size:16px; color:#fff; font-weight:bold; padding-top:36px;}
.footer .flogo{width:224px; height:189px; padding-top:33px;}
.footer .flogo img{display:block; margin:0 auto; width:149px;}
.fcode{font-size:14px;}
.fcode img{display:block; margin:0 auto; width:100px; padding-top:40px;}
.footer .fnav{width:412px;padding-left:35px; height:222px;}
.footer .fnav ul {padding-top:35px;}
.footer .fnav ul li{width:137px; float:left; font-size:14px; line-height:30px;  height:30px;}
.footer .fnav ul li a{color:#fff;}
.footer .box{ position:relative; }
.fcontact{padding-left:30px; width:286px; height:222px; }
.fcinfo{color:#fff; line-height:30px; font-size:14px; padding-top:40px;}
.fcinfo p{padding-left:38px; padding-bottom:15px; line-height:18px;}
.ftel{background:url(../rf/ftel2.png) no-repeat 2px 0px;}
.fadd{background:url(../rf/fadd.png) no-repeat left 0px;}
.ffg{ position:absolute; left:0px; bottom:5px; color:rgba(255,255,255,0.5); font-size:12px; padding-left:260px; }
.ffg a{color:rgba(255,255,255,0.5);}




/* 关于我们 */

.sabo{ background:#f8f8f8; padding:54px 0;}
.sabot{ text-align:center; padding-bottom:32px; font-weight:bold;}
.sabot h2{ font-size:32px;}
.sabot h2 span{ color:#0089e1; }
.sabob{ background:#fff; margin:0 auto; width:1200px; }
.saboa{ position:relative; height:395px;}
.saboa img{ width:710px; height:395px; position:absolute; left:0px; top:0px; }
.asbom{ margin-left:710px; padding:40px 60px; height:315px; background:#0089e1; color:#fff; font-size:14px; line-height:24px; }
.sabol{ height:5px; background:url(../rf/sabol.png) repeat center; margin:20px 0; }
.asbom a{ color:#fff; }


/**********资质荣誉**********/
.lhshow{position:relative;}
.lhshow .lhs1{ width:1056px; margin:0 auto; padding:32px 0px;  }
.lhshow li{ width:240px; margin:0 12px; height:185px; }
.lhshow .lhs1 img{ width:240px; height:153px; display:block; }
.ppy{ height:30px; line-height:30px; overflow:hidden; font-size:14px; text-align:center; }

.lhshow .prev,
.lhshow .next{position:absolute; width:46px; height:46px; top:50%; margin-top:-23px;z-index:999;}
.lhshow .prev{background:url(../rf/ssl.png) no-repeat left center; left:-30px; }
.lhshow .next{background:url(../rf/ssr.png) no-repeat left center; right:-30px;}



/*************选择我们的6大理由*************/
.reason{padding-top:46px;}
.reason-title{background:url(../rf/reason-title.png) no-repeat center; height:65px; margin-bottom:22px;}
.reason-info1{background:#f2f2f2 url(../rf/xbg.jpg) repeat; height:391px; padding:70px 0 49px 0;}
.reason-info1 .rfl1{width:468px; height:391px; background:url(../rf/rbg1.png) no-repeat left center; position:relative;}
.reason-info1 .rfr{width:602px; height:391px;}
.reason-info1 .rfl1 .rfl1-one{position:absolute; top:20px; left:80px; width:332px; height:180px;}
.reason-info1 .rfl1 .rfl1-two{position:absolute; top:205px; left:80px; width:332px; height:180px;}
.rf-title{font-size:22px; color:#333; font-weight:bold; line-height:1.5;}
.rf-etitle{font-size:12px; color:#b4b4b4; line-height:26px; text-transform:Uppercase;}
.rf-info{padding-top:10px;}
.rf-info li{font-size:14px; color:#666666; line-height:28px;}

.rf2{height:509px}
.rf2 .rfl2{padding-left:0px; padding-top:40px; width:529px;}
.rf2 .rfr2{margin-top:62px; margin-bottom:62px; width:515px; height:385px; background:url(../rf/rbg2.png) no-repeat left center; position:relative;}

.rfr2 .rfr2-one{position:absolute; top:17px; left:80px; width:515px; height:180px;}
.rfr2 .rfr2-two{position:absolute; top:192px; left:80px; width:515px; height:180px;}


.reason-info3{background:#f2f2f2 url(../rf/xbg2.png) no-repeat; height:373px; padding:60px 0 60px 0;}
.rf13{ width:421px; background:url(../rf/rbg3.png) no-repeat left center; height:373px; position:relative;}
.rf13 .rf3-one{position:absolute; top:26px; left:80px; width:515px; height:180px;}
.rf13 .rf3-two{position:absolute; top:201px; left:80px; width:515px; height:180px;}
.rfr3{padding-top:36px;}

li.aa{ font-weight:bold; color:#0089e1; }

/*****服务领域******/
.module-heading{text-align:center; color:#666; font-size:14px;}
.module-heading h2{font-size:30px; color:#009a44;height:42px; line-height:42px;}
.module-heading h2 a{ color:#0089e1;}
.module-heading h2 span{font-weight:bold; }


.tjy-service{margin-top:42px;}
.module-heading .service-area{background:url(../rf/sertitle-bg.png) no-repeat center; margin-bottom:10px;}
.tjy-service .module-heading{ margin-bottom:20px; }
.ipror ul{ width:px; }
.ipror ul li{width:205px; padding:3px; float:left; border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding-top:10px;}
.ipror ul li img{width:100%;  height:180px; /*width:365px;*/}
.ipror ul li h2{font-size:14px; text-align:center; line-height:40px;}

.box-left{width:230px; padding:15px 0; padding-top:10px;}
.mt5{margin-top:5px;}
.box-right{width:850px; padding:15px 0;}
.ppccc{ border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc; }



.lmain-title,
.ilx,
.abt1,
.abt2,
.abt3{width:230px; height:100px; background:#0089e1 url(../rf/ewpr.jpg) no-repeat left center;  font-size:24px; color:#fff; line-height:100px; text-align:center;}
.ilx{ background-image:url(../rf/ewlx.jpg); }
.abt1{ background-image:url(../rf/abt1.jpg); }
.abt2{ background-image:url(../rf/abt2.jpg); }
.abt3{ background-image:url(../rf/abt3.jpg); }
.ilxc{ background:#f2f2f2; padding:20px; color:#666; }
.ilxc1{border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:10px;}
.ilxc1 p{ font-size:26px; color:#0089e1; font-weight:bold; }
.ilxc3{ border-bottom:1px solid #dcdcdc; padding-bottom:10px; margin-bottom:10px; background:url(../rf/wren.png) no-repeat left top; background-size:20px; padding-left:30px;}
.case-class{margin-top:5px; background:#ebebeb; padding-bottom:10px;}
.case-class ul{padding:8px 0;}
.case-class ul li{background:url(../images/licon.png) no-repeat 45px center; padding-left:63px; font-size:12px;  line-height:30px;}
.case-title{background:#0089e1 url('../rf/y-icon.png')no-repeat 25px center; color:#fff; padding-left:60px; height:44px; line-height:44px;}
.case-title a{color:#fff;}
.case-title:hover{background:#0089e1 url('../rf/y-icon.png')no-repeat 25px center;}


.list-head{ position:relative;border-bottom:3px solid #b3e07e;border-top:1px solid #ececec; height:27px; color:#666; padding-top:15px; margin-top:5px; padding-left:20px;}
.list-head a{color:#666;}
.list-head .sswe{ position:absolute; right:0; top:10px; }
.list-head .sswe span{ cursor:pointer; background:#0089e1; color:#fff; border-radius:10px; padding:2px 10px; margin:0 3px; }
.list-head .sswe span.cur,
.list-head .sswe span:hover{ background:#b3e07e; }


.laboutus{background:#ebebeb;}
.laboutus ul{padding:8px 0;}
.laboutus ul li{background:url(../rf/y-icon2.png) no-repeat 25px center; padding-left:60px; font-size:14px;  line-height:46px; border-bottom:1px solid #fff;}
.laboutus ul li:hover{background:#0089e1 url('../rf/y-icon.png')no-repeat 25px center;}
.laboutus ul li:hover a{color:#fff;}

.laboutus ul li a{ display:block; }




.caseinfo99 ul{padding-top:20px;}
.caseinfo99 ul li{background:#f9f9f9; border-top:1px solid #e4e4e4; padding:20px; position:relative; height:145px; padding-left:276px; margin-top:15px; position:relative;}
.caseinfo99 ul li img{position:absolute; top:20px; left:20px; width:238px; height:145px;}
.caseinfo99 ul li h2{font-size:18px; color:#333; line-height:46px;}
.caseinfo99 ul li h2 a{color:#333;}
.caseinfo99 ul li h2 span{float:right; font-size:14px; color:#7d7c7a;}
.caseinfo99 ul li p{line-height:24px; font-size:14px; color:#7d7c7a; height:72px; overflow:hidden; display:block;}
.caseinfo99 ul li .tomore{border:1px solid #0089e1; color:#0089e1; display:block; width:88px; font-size:12px; height:24px; line-height:24px; text-align:center; position:absolute; right:10px; bottom:10px;}


.x-box{ color:#666; }
.x-box h2{ font-size:30px; text-align:center; padding-top:40px; padding-bottom:20px; }
.other-info{border-top:1px dashed #dcdcdc; border-bottom:5px solid #ebebeb; position:relative; font-size:12px; padding-top:10px; line-height:24px; padding-bottom:10px; }
.case-info{ line-height:25px; padding:30px 0; }
.other-info .pct{ background:url(../images/lp.png) no-repeat; display:block; width:89px; height:40px; position:absolute; right:0; top:20px; }
.near-page{ border-top:1px dashed #dcdcdc; padding-top:18px; line-height:25px; color:#009a44; font-size:14px; }
.tagss{ padding-bottom:10px; }
.tagss span{ font-weight:bold; }
.near-page a{color:#0089e1;}

.mapss{ padding-top:20px; border-top:1px solid #dcdcdc; margin-top:20px; padding-bottom:40px;}
.mapsst{ line-height:30px; text-align:center; padding-bottom:10px;}

.w-about-null{ background:#009a44; font-size:14px; text-align:center; padding:30px; margin-top:30px; color:#fff;}
.about-box{ color:#666; font-size:14px; line-height:25px; padding:20px; }
.about-box img{ max-width:810px; }

.tjn{ padding:20px; background:#f1f1f1; margin-top:20px; margin-bottom:30px; }
.tjt{ background:#0089e1; color:#fff; width:118px; line-height:35px; height:35px; text-align:center; font-size:20px; }
.tjxx{ line-height:30px; margin-top:10px; }
.iabi{ text-align:center; padding:20px; }

.xmm{ border:1px solid #009a44; line-height:30px; text-align:center; margin:0 20px; font-size:12px; margin-top:10px; margin-bottom:10px;}
.xmm a{ color: #009a44; }

.ry { padding-top:20px; }
.ry li{ width:282px; float:left; text-align:center; }
.ry li img{ width:270px; height:200px; border:1px solid #efefef; }
.ry li  h2{ font-size:14px; line-height:50px; height:50px; overflow:hidden }


ul.view1 {  border-left:1px solid #dcdcdc; border-top:1px solid #dcdcdc; margin-top:20px; }
.view1 li{width:416px; padding:3px; float:left; border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding-top:10px;}
.view1 li img{max-width:100%;  height:250px; width:450px; margin:0 auto; display:block;}

#wpr .view1 li{width:276px; padding:3px; float:left; border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding-top:10px;}
#wpr .view1 li img{max-width:80%;  height:200px; margin:0 auto; display:block;}


.xxtp h2{ background:#009a44; color:#fff; padding:10px 20px; }
.xxtp li { border-bottom:1px solid #dcdcdc; padding:20px; }
.xxtp li .m-left{ float:left; width:200px; text-align:right; line-height:30px; }
.xxtp li input,
.xxtp li textarea{ border:1px solid #dcdcdc; height:40px; padding:0 20px; width:400px; border-radius:10px; }
.xxtp li textarea{ height:200px; }
.xxtp li input.ms-button{ background:#009a44; color:#fff; border-color:#009a44; margin-left:200px; }


.fggg li img{max-width:100%;  height:300px; /*width:365px;*/}
.view1 li h2{font-size:14px; text-align:center; line-height:40px; height:40px; overflow:hidden;}
.view1 li h2 span{ display:none; } 
.view1 li p,
.view1 li .tomore{ display:none;}
.view1 .w-about-null{ clear:both; width:100%; padding:20px 0; }

.ppccc{ border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc; }


.view2 {padding-top:20px;}
.view2 li{background:#f9f9f9; border-top:1px solid #e4e4e4; padding:20px; position:relative; height:145px; padding-left:276px; margin-top:15px; position:relative;}
.view2 li img{position:absolute; top:20px; left:20px;}
.view2 li h2{font-size:18px; color:#333; line-height:46px;}
.view2 li h2 a{color:#333;}
.view2 li h2 span{float:right; font-size:14px; color:#7d7c7a;}
.view2 li p{line-height:24px; font-size:14px; color:#7d7c7a; height:72px; overflow:hidden; display:block;}
.view2 li .tomore{border:1px solid #0089e1; color:#0089e1; display:block; width:88px; height:24px; line-height:24px; text-align:center; position:absolute; right:10px; bottom:10px;}


/*******搜索导航********/
.search{ background:#f2f2f2; height:63px; line-height:63px;font-size:14px; color:#666;}
.search .box{ position:relative }
.search span{color:#009a44;}
.s-word{overflow:hidden;}
.search-r{width:300px; position:relative; margin-top:20px;}
.search-r .s-input{height:24px; width:220px; background:#f0f0f0; border:1px solid #dcdcdc; border-radius:14px 0 0 14px; padding-left:20px; color:#666; line-height:24px; font-family:"微软雅黑"; color:#666;}
.search-r .search-btn{height:26px; width:60px; border-radius:0 13px 13px 0; background:#3d3d3d url('../images/btn-bg.jpg') no-repeat center; border:0px; margin-left:3px; position:absolute; right:0px;}



.rfscc{  background:#0089e1; width:280px; height:30px; padding:2px; position:absolute; right:0px; top:15px; z-index:999 }
.rfscc input{ display:block; height:30px; background:#fff; border:0px; width:180px; color:#666; padding-left:20px; }
.rfscc span{ display:block; width:80px; background:#f2f2f2; height:30px; color:#0089e1; text-align:center; line-height:30px; position:absolute; right:2px; top:2px; }




.xxinfo{ margin-top:20px; }
.xxinfo .xximg{ width:400px;  float:left; display:inline; position:relative;  }
.xxinfo .xximg img{ width:100%; }
.xxinfo .xxdescr{ font-size:14px; line-height:24px; }
.xxinfo .xxtel{  border-top:1px solid #efefef; line-height:60px; margin-top:20px; background:url(../rf/wren.png) no-repeat left center; background-size:30px; padding-left:35px;  }
.xxinfo .xxtel span{ font-size:24px; font-weight:bold; color:#0089e1; vertical-align:middle;}

.xxinfo .xxlx{ text-align:left; border-top:1px solid #efefef; padding-top:20px;}
.xxinfo .xxlx a{ text-align:center; display:inline-block; font-size:16px; color:#fff; background:#0089e1; line-height:30px; padding:0 40px; border-radius:20px; margin-right:10px; }


.xxinfo  .xxlx a.xxlx2{ background:#333; }

.xxtty{border-bottom:1px solid #dcdcdc; height:20px; position:relative; margin-bottom:40px; }
.xxtty span{ display:block; width:100px;font-size:14px; color:#fff; background:#0089e1; line-height:40px; text-align:center; }


.xxxtj{ border:1px solid #efefef;margin-top:20px;  }
.xxxtjt{ border-bottom:1px solid #dcdcdc; line-height:40px; font-size:14px; font-weight:bold; margin:0 20px; color:#666; }
.xxxtj ul{ padding:10px; }
.xxxtj ul li{ width:255px; float:left; background:#fff; margin:10px;  }
.xxxtj ul li img{ width:253px; height:180px; border:1px solid #efefef; }
.xxxtj ul li span{ display:block; height:40px; line-height:40px; text-align:center; font-size:14px; overflow:hidden; }
.xxinfo .xxright{ width:410px; border-right:1px solid #efefef; float:right; display:inline;  }
.xxinfo .xxright h3{ font-size:18px; font-weight:bold; border-bottom:1px solid #dcdcdc; color:#0089e1; padding-bottom:10px; margin-bottom:10px; padding-top:10px; }




.ads01{ height:300px; display:block; width:100%; background-position:center; background-repeat:no-repeat; background-color:#f2f2f2; }

.page{ text-align:center; padding-bottom:20px;  font-size:14px; color:#666;}
.page a,
.page span{ border:1px solid #dcdcdc; display:inline-block; padding:4px 10px; }
.page .now{ background:#009a44; color:#fff; padding:4px 14px; border:1px solid #009a44; }
.page li{ display:inline-block; font-size:14px; margin:0 3px;  }
.page li.thisclass{ background:#009a44; color:#fff; padding:3px 14px; }
.page li strong{ font-weight:normal; padding:0 5px; }

.ipa{ clear:both; }

.ipa{ text-align:center; padding:20px 0; }
.ipa a,
.ipa span{ border:1px solid #dcdcdc; display:inline-block; padding:4px 10px; margin:0 5px; }
.ipa .now{ background:#0089e1; color:#fff; padding:4px 14px; border:1px solid #0089e1; }
.ipa li{ display:inline-block; font-size:14px; margin:0 3px;  }
.ipa li.thisclass{ background:#009a44; color:#fff; padding:3px 14px; }
.ipa li strong{ font-weight:normal; padding:0 5px; }

.gbh{ background:#f2f2f2; padding:20px; margin-bottom:20px; }
.gbh .t1{ background:#0089e1; color:#fff; font-size:14px; height:40px; line-height:40px; padding:0 30px; display:inline-block; text-align:center;}
.gbh .zz2 { position:relative; }
.gbh .zz2 .bd{ padding-top:10px; }
.gbh .zz2 .bd li{ width:250px; margin-right:8px; }
.gbh .zz2 .bd li img{ width:250px; display:block; height:180px; }
.gbh .zz2 .hd{ position:absolute; right:40px; top:-28px; }
.gbh .zz2 .hd li{ width:10px; height:10px; border-radius:50%; overflow:hidden; display:block; line-height:999; background:#fff; display:inline-block; margin:0 3px; }
.gbh .zz2 .hd li.on{background:#0089e1;}

.gbh .zz2 .next, .gbh .zz2 .prev { background-position:center; background-repeat:no-repeat; width:30px; line-height:30px; height:30px; position:absolute; right:0px; background:#0089e1; display:block; line-height:30px; text-align:center; background-size:30px; top:-30px;  display:block;}
.gbh .zz2 .next { background-image:url(../rf/rr.png);}
.gbh .zz2 .prev { right:145px;background-image:url(../rf/ll.png);}
.gbh .zz2 .ppy{ font-size:12px; line-height:40px; }


.vvb1 a.show-00{ display:none; }



.w-ls{ padding-bottom:80px; }
.w-ls .bd { margin: 0 auto;overflow: hidden;position: relative;z-index: 0; border:1px solid #efefef; width:400px; height:400px;}
.w-ls .bd li {overflow: hidden; position: relative;text-align: center; background:#fff;}
.w-ls .bd li img { max-width: 100%; max-height:100%; vertical-align:middle;}

.w-ls .hd { bottom:0px; height: 74px; left: 0;line-height:74px;position: absolute;text-align: left;width: 100%;z-index: 1;}
.w-ls .hd ul { margin-left: 0;text-align: left;}
.w-ls .hd ul li {background: #fff none repeat scroll 0 0;border: 1px solid #efefef; cursor: pointer; display: inline-block;height: 70px; line-height:65px; margin: 1px 5px 1px 1px;overflow: hidden;width: 66px;}
.w-ls .hd ul li img {/* border: 1px solid #2d6fdd;*/ max-height: 70px; max-width: 66px; vertical-align:middle;}
.w-ls .hd ul .on {border: 1px solid #2d6fdd;}



/* XYS */
@media (max-width: 1100px){
	.box,
	.sabob{ width:100%; }
	.ccline{ display: none; }
	.nav li{ width:20%; }
	
	.ym-banner .bd li a{ background-size:cover; }
	.ym-banner .bd li a,
	.ym-banner{ height:400px; }
	

	.newsbox,
	.links{ display: none;}
	
	.ym-banner .next{ right: 0;}
	.ym-banner .prev{ left: 0;}
	
	
	.indexclass .icxp{ display: inline-block; float: none; width: 25%;}
	
	.reason-info1{ height: auto; }
	.reason-info1 .rfl1,
	.reason-info1 .rfr,
	.rf2 .rfl2,
	.rf2 .rfr2,
	.reason-info3 .rf13,
	.reason-info3 .rfr3{ width: 50%;}
	
	.reason-info3 { padding: 0; }
	
	
	.reason-info1 .rfr img{ width:100%; }
	.rf2 .rfl2 img{ width: 90%; }
	
	.rf13 .rf3-one,
	.rf13 .rf3-two{ width: auto; height: auto;}
	
	.sabob{ width:100%; }
	
	.footer{ margin-top: 20px;}
	
	.footer .flogo{ width:20%;  }
	.footer .fnav{width:30%; }
	.fcontact{width:30%; }
	
	
	.ads01{ height: 200px; background-size: auto 100%; }
	.search,
	.l-contentus,
	.lmain-title,
	.xmm{ display: none; }
	.box-left{ width:100%; padding: 0; margin: 0; }
	.laboutus{ width:calc(100% - 40px); margin: 0 20px; background: none;}
	
	.laboutus ul li{ float: left; }
	.box-right{ width:calc(100% - 40px); margin: 0 20px; float: none; clear: both; padding-top: 0; }
	
	.vvb1{ left: 0; position: static; width: 100%; border: 0; padding-bottom: 20px; overflow: hidden;}
	.vvb1 a{ display: inline-block; float: left; padding-left: 10px; }
	.vvb1 span{ display: none;}
	.vvb1 a.v1{display: none;}
	.vvb1 a.v2,
	.vvb1 a.v3,
	.vvb1 a.v4{ padding-left: 0; padding: 0 10px; }
	.vvb1 a:hover, .vvb1 a.curs{ border-radius: 15px;}
	.indexclass .icxp span{ padding: 0 10px;}
	
	.vvb2 { clear: both; }
	.tjp2{display: none;}
	
}



@media (max-width: 980px){
	.box{ width:100%; }
	
	.reason-info1 .rfl1{ background-size:300px auto; background-position: top left;}
	
	.reason-info1 .rfl1 .rfl1-one{ width: auto; height: auto; left: 60px; top:10px }
	.rf-info{padding-top:0; }
	.rf-info li{ line-height: 22px; }
	
	.reason-info1 .rfl1 .rfl1-two{width: auto; height: auto; left: 60px; top:145px }
	
	.reason-info1 .rfl1{ height:300px; }
	.reason-info1 .rfr{ height: auto; }
	
	.rf2 .rfr2,
	.reason-info3 .rf13{background-size:300px auto; background-position: top left;}
	.rfr2 .rfr2-one{width: auto; height: auto; left: 60px; top:10px }
	.rfr2 .rfr2-two{width: auto; height: auto; left: 60px; top:135px }
	
	.rf13 .rf3-one{left: 60px; top:15px }
	.rf13 .rf3-two{left: 60px; top:145px }
	
	.rf-etitle{ font-size: 5px; }
	.sabo{ padding: 20px; height: auto; }
	.saboa img{ width: 500px; height: auto; }
	.saboa{height: 260px; }
	.asbom{ margin-left: 500px; padding: 20px; height: 240px; font-size:12px; line-height: 20px;  }
	.partner{ display: none; }
	.sabot h2{  font-size:24px;}
	
	
	
	
}


@media (max-width: 860px){
	.xxinfo .xximg,
	.xxinfo .xxright{ width: calc(50% - 10px); display: inline;}
	.xxinfo .xximg{ padding-right: 10px;}
	.xxinfo .xxright{ padding-left: 10px; border-right: 0; }
	.w-ls .bd{ height:300px; width: calc(100% - 2px); }
}



@media (max-width: 700px){
	.w-header{ height:80px; }
	.w-logo img{ width:130px; height:auto; left:20px; }
	.wfont{ left:150px; top:5px; }
	.wfont .ftt1,
	.wfont .ftt2{ font-size: 12px;}
	.wphone{ background-size: 50px; padding-left: 50px; width: 120px; top: 0px; }
	.wphone .ftt2{background-size:auto 20px; height:20px; }
	
	.wnav{height:40px; line-height: 40px; }
	.nav li{ height:40px; line-height: 40px; font-size: 12px; }
	
	.ym-banner .bd li a,
	.ym-banner,
	.ym-banner .bd li{ height:300px; }
	
	
	.indexclass .icxp{width: 33%;}
	.tjy-service .module-heading{ padding: 0px 20px;}
	.tjy-service{ margin-top: 20px;}
	
	.reason{ padding-top:10px; }
	.reason-title{ background-size: 100% auto; margin-bottom: 5px;}
	
	.reason-info1{padding:20px; height: auto;}
	.rf2{padding:20px; width: calc(100% - 40px); height: auto;}
	
	.reason-info1 .rfl1,
	.reason-info1 .rfr,
	.rf2 .rfl2,
	.rf2 .rfr2,
	.reason-info3 .rf13,
	.reason-info3 .rfr3{ width: 100%;}
	.rf-info li{ font-size: 12px; }
	.rf-title{ font-size: 20px; }
	
	.reason-info3 { padding: 20px; }
	
	.reason-info1 .rfl1{ height:270px;}
	.rf2 .rfl2 img{ width: 100%; }
	.rf2 .rfr2{ margin-bottom: 20px;margin-top:20px; }
	.rf2 .rfl2{ padding-top: 0;}
	
	.rf2 .rfr2{ height:300px; }
	.rf13{height:300px;}
	.rfr3{ display: none; }
	.reason-info3{ height: auto;}
	
	.saboa img{ width:100%; height: auto; position:static; }
	.saboa{height:auto; }
	.asbom{padding: 20px;font-size:12px; margin-left: 0; height: auto; }
	
	
	.footer{ margin-top: 20px; padding: 20px; height: auto;}
	
	.footer .flogo{ display: none;}
	.footer .fnav,
	.fcontact{width:50%; padding: 0; height: auto; }
	.fcinfo p{  line-height: 22px; font-size: 12px; padding-bottom: 10px; }
	.footer .fnav ul li{ font-size: 12px;}
	
	.footer .fcode{ display: none;}
	.footer .fnav{ padding-bottom: 20px; }
	
	.ffg{ clear: both; padding-left: 0; text-align: center; border-top: 1px solid #efefef; position: static;padding: 0 40px; line-height: 20px; padding-top: 20px;}
	.footer .fnav ul li{ display: inline-block; width: auto; padding-right: 10px;}
	
	.laboutus ul li{ height: 30px; line-height: 30px; padding-left: 20px; background-position: 5px center; padding-right: 15px; font-size: 12px;}
	.laboutus ul li:hover{background-position: 5px center; border-radius: 15px; }
	
	.list-head{font-size: 12px; padding: 0; line-height: 40px; height: 40px;  }
	.about-box{ padding: 20px 0; }
	
	.about-box img{ width:100%!important;height:100%!important; }
	.gbh,
	.tjp{ overflow: hidden }
	
	.tjp2{ display: none;}
	
	.caseinfo99 ul{padding-top:0px;}
	.caseinfo99 ul li{ height: auto; padding: 20px; }
	.caseinfo99 ul li img{ width: 100%; height:auto; position: static; }
	.caseinfo99 ul li h2 span{display: none;}
	.caseinfo99 ul li h2{ font-size: 16px; line-height: 22px; margin: 10px 0;}
	.caseinfo99 ul li p{ font-size: 12px; height: auto; }
	.caseinfo99 ul li .tomore{ position: static; margin-top: 10px;}
	
	.x-box h2{ font-size: 22px; padding: 30px 0;}
	.iabi img{ width: 100%; height:auto; }
	.tjxx,
	.tjt,
	.tjt2,
	.tjt2,
	.iabd{ font-size: 12px; }
	
	.xxinfo .xximg,
	.xxinfo .xxright{ width: 100%; clear: both;}
	.xxinfo .xximg{ padding-right: 10px;}
	.xxinfo .xxright{ padding-left: 10px; border-right: 0; }
	
	
	
	
	
}



@media (max-width: 502px){

	.wphone{ border-bottom: 1px solid #dcdcdc; background: none; width:calc(100%); top: 0px; height:30px; text-align: center; }
	.wphone .ftt2{height:30px; width: 100px; display: inline-block; vertical-align: middle;margin-top:0;}
	.wphone .ftt1{  padding-left: 40px; display: inline-block; padding-top: 0;vertical-align: middle;background: url(../rf/tel.png) no-repeat left center;background-size:auto 30px; }
	.w-logo img{ top:40px; }
	.wfont{ top:25px; }
	.w-header{ height:100px; }
	
	.ym-banner .bd li a,
	.ym-banner,
	.ym-banner .bd li{ height:200px; }
	
	.indexclass{padding-top:0;}
	.indexclass .icxp{width: 50%;}
	.module-heading h2{ font-size: 24px; }
	.tjy-service .module-heading{ font-size: 12px; }
	.indexclass .icxp p{padding: 0 20px;}
}